<!DOCTYPE html>
<!-- Copyright 2020 the V8 project authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->

<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>V8 Tools Landing Page</title>
<style>
body {
  font-family: sans-serif;
  color: white;
  margin-left: 5%;
  margin-right: 5%;
  background-color: #000000;
  text-align: center;
}
.content{
  background-color: #000000;
  padding: 10px 5px 5px 10px ;
  margin: auto;
  max-width: 80%;
}
a:link, a:visited {
  background-color: #BB86FC;
  color: black;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 2px;
}
a:hover, a:active {
  background-color: white;
  color:black;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: auto;
  background-color: #000000;
  grid-gap: 15px;
}
.grid-2{
  grid-template-columns: auto auto;
}
.card {
  text-align: center;
  padding: 10px 50px 10px 50px ;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color: #121212;
  width: auto;
  border-radius: 10px;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
dd, dt {
  padding: 10px 10px 10px 10px;
  margin: auto;
}
</style>
</head>
  <body>
    <div class="content">
      <h1>Welcome to the V8 Tools Landing Page</h1>
      <p>Search through this page to find about the V8 tools to debug, trace and analyze the log files.</p>
        <dl class="grid-container">
          <div class="card">
            <dt><a href="./system-analyzer/index.html">System Analyzer</a></dt>
            <dd>A unified web interface to trace, debug and analyse patterns of how Maps/ICs are created in the real world applications.</dd>
          </div>
          <div class="card">
            <dt><a href="./callstats.html">Callstats</a></dt>
            <dd>Visualize and compare runtime call stats.</dd>
          </div>
          <div class="card">
            <dt><a href="./heap-stats/index.html">Heap Stats</a></dt>
            <dd>Visualize heap memory usage.</dd>
          </div>
          <div class="card">
            <dt><a href="./parse-processor.html">Parse Processor</a></dt>
            <dd>Analyse parse, compile and first-execution.</dd>
          </div>
          <div class="card">
            <dt><a href="./profview/index.html">Profview</a></dt>
            <dd>Fancy sampling profile viewer.</dd>
          </div>
          <div class="card">
            <dt><a href="./tick-processor.html">Tick Processor</a></dt>
            <dd>Simple sampling profile viewer.</dd>
          </div>
          <div class="card">
            <dt><a href="./turbolizer/index.html">Turbolizer</a></dt>
            <dd>Visualise the sea of nodes graph generated by TurboFan.</dd>
          </div>
          <div class="card">
            <dt><a href="./zone-stats/index.html">Zone Stats</a></dt>
            <dd>Analyse zone memory usage.</dd>
          </div>
        </dl>
        <dl class="grid-container grid-2">
          <div class="card">
            <dt><a href="https://v8.dev/tools/versions">Other V8 Versions</a></dt>
            <dd>Archived versions of V8 tools</dd>
          </div>
          <div class="card">
            <dt><a href="https://v8.dev">V8.Dev</a></dt>
            <dd>The main V8 website.</dd>
          </div>
        </dl>
      </div>
    </div>
  </body>
</html>
